<template lang="xiuGaiMiMa">
    <div>
        <!-- 表头 -->
        <div>
            <van-nav-bar title="修改密码" style="background-color: #f9f9f9;" left-arrow>
                <template #right>
                    <span class="template_span" @click="wanCheng">完成</span>
                </template>
                <template #left>
                    <van-icon @click="tuiChuXiuGaiMiMa" name="arrow-left" size="18" />
                </template>
            </van-nav-bar>
        </div><br>
        <van-cell-group>
            <van-field v-model="value" label="旧密码" placeholder="请输入旧密码" />
            <van-field v-model="value" label="新密码" placeholder="请输入新密码(6至20位数字或字母)" />
            <van-field v-model="value" label="确认密码" placeholder="请再次输入新密码" />
        </van-cell-group>
    </div>
</template>
<script>
    import { Toast, Area, Form, Icon, Field, NavBar, Empty, ActionSheet, Cascader } from 'vant';

    export default {
        data() {
            return {
                value: '',
            }
        },
        components: {},
        computed: {},
        methods: {
            // 退出修改密码
            tuiChuXiuGaiMiMa() {
                this.$router.go(-1)
            },
            wanCheng() {
                this.$router.push("/zhongXin")
                Toast({
                    message: '修改成功',
                    icon: 'passed',
                });
            }
        }
    }
</script>
<style lang="less" scoped>
    .van-nav-bar .van-icon {
        color: #52bc9b;
    }

    .template_span {
        color: #52bc9b;
    }
</style>